//
// Pager pagination
// --------------------------------------------------


.pager {
  padding-left: 0;
  margin: @line-height-computed 0;
  text-align: center;
  list-style: none;
  &:extend(.clearfix all);
  li {
    display: inline;
    display: inline-block;
    padding: 5px 14px;
    font-size: 20px;
    color: var(--neutralForeground2Rest);

    > a,
    > span {
      color: var(--neutralForeground2Rest);

      &:hover {
        color: var(--neutralForeground2Hover);
      }
    }
  }

  .next {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--neutralStrokeAccessibleRest);
  }

  .previous {
    > a,
    > span {
    }
  }

  .disabled {
    > a,
    > a:hover,
    > a:focus,
    > span {
      color: var(--neutralForegroundDisabledRest);
      cursor: @cursor-disabled;
      background-color: transparent;
    }
  }
}
